<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/form.css">
    <!-- link:引入其他文件 -->
    <style>
        h2 {
            /* 元素选择器 */
            color: rgb(100, 100, 100);
            /* 设置字体大小 */
            font-size: 30px;
            /* 内嵌样式设置 */
            text-align: center;
        }

        .cls {
            /* 类选择器 */
            color: #a83e3e;
            text-align: center;
        }

        #id {
            /* id选择器 */
            color: #a18e8e;
            text-align: center;
        }
    </style>
</head>

<body>
    <div>
        <table border="1px" cellspacing="0" width="100%">
            <!-- border:单元格像素cellspacing:单元格间距width单元格宽度 -->
            <tr>
                <th><h1>外联样式(推荐)</h1></th>
                <th><h2>内嵌样式</h2></th>
                <th><h3 style="color: #7fcee6; text-align: center;">行内样式</h3></th>
            </tr>
            <tr>
                <td><a href="form.html" target="_blank">新页面超链接</a></td>
                <td><a href="https://www.baidu.com/">原页面超链接</a></td>
                <td>换<br>行</td>
            </tr>
            <tr>
                <td><span>元素选择器</span></td>
                <td><span class="cls">类选择器</span></td>
                <td><span id="id">id选择器</span></td>
            </tr>
            <tr>
                <td><video src="../video/2801.mp4" controls width="100%" height="100px"></video></td>
                <td><audio src="../audio/2801.mp3" controls width="100%"></audio></td>
                <td><a href="form.html"><img src="../img/2801.png" width="100%" alt=""></a></td>
            </tr>
            <tr>
                <td><p>段落</p></td>
                <td><b>加粗</b></td>
                <td><strong>强调</strong></td>
            </tr>
        </table>
    </div>
</body>
</html>